<!--
 * @Author: songleiluo 361215740@qq.com
 * @Date: 2024-01-07 12:04:56
 * @LastEditors: songleiluo 361215740@qq.com
 * @LastEditTime: 2024-03-10 18:01:38
 * @FilePath: \dxhospital\src\pages\patient\patient.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div>
        <div class="medica-history-item">
            <div class="medica-history-item-title">入院基本信息</div>
            <BasicPhysicalIndicatorsVue />
        </div>
        <div>
            <div class="medica-history-item-title">现病史</div>
            <PresentHistoryInfo />
        </div>
        <div>
            <div class="medica-history-item-title">个人及家庭史</div>
            <PersonHistoryInfo />
        </div>
        <div>
            <div class="medica-history-item-title">既往史</div>
            <PastHistoryInfo />
        </div>
    </div>
</template>

<script lang="ts" setup >
import { reactive, ref } from 'vue'
import type { FormInstance, FormRules } from 'element-plus'
import BasicPhysicalIndicatorsVue from './basicPhysicalIndicators.vue';
import PresentHistoryInfo from './presentHistoryInfo.vue';
import PersonHistoryInfo from './personHistoryInfo.vue';
import PastHistoryInfo from './pastHistoryInfo.vue';
</script>

<style scoped lang='scss'>
.medica-history-item {
    margin: 5px 0px;

}

.medica-history-item-title {
    padding: 0px 0px 10px 20px;
    font-weight: 600;
}
</style>